﻿.toggle-slide {
    overflow: hidden;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
}

.toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob {
    float: left;
}

.toggle-slide .toggle-blob {
    position: relative;
    z-index: 99;
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.toggle-slide {
    overflow: hidden;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob {
    float: left;
}

.toggle-slide .toggle-blob {
    position: relative;
    z-index: 99;
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/*** THEMES ***/

.toggle-default .toggle-slide {
    border: 1px solid #ccc;
}

.toggle-default .toggle-slide.active {
    border-color: #999;
}

.toggle-default .toggle-slide .toggle-on,
.toggle-default .toggle-slide .toggle-off,
.toggle-default .toggle-slide .toggle-blob {
    font-size: 11px;
    font-weight: 500;
}

.toggle-default .toggle-slide .toggle-on,
.toggle-default .toggle-select .toggle-inner .active {
    background: #999;
    color: #fff;
}

.toggle-default .toggle-slide .toggle-off,
.toggle-default .toggle-select .toggle-on {
    color: #666;
    background: #f7f7f7;
}

.toggle-default .toggle-slide .toggle-blob {
    background: #fff;
    border-right: 1px solid #ccc;
}

.toggle-default .toggle-slide.active .toggle-blob {
    border-left: 1px solid #999;
    border-right: 0;
}

.toggle-default .toggle-slide .toggle-blob:hover {
    background: #fcfcfc;
}

/* toggle primary */

.toggle-primary .toggle-slide {
    border: 1px solid #999;
}

.toggle-primary .toggle-slide.active {
    border-color: #357EBD;
}

.toggle-primary .toggle-slide .toggle-on,
.toggle-primary .toggle-slide .toggle-off,
.toggle-primary .toggle-slide .toggle-blob {
    font-size: 11px;
    font-weight: 500;
}

.toggle-primary .toggle-slide .toggle-on,
.toggle-primary .toggle-select .toggle-inner .active {
    background: #428BCA;
    color: #fff;
}

.toggle-primary .toggle-slide .toggle-off,
.toggle-primary .toggle-select .toggle-on {
    color: #fff;
    background: #bbb;
}

.toggle-primary .toggle-slide .toggle-blob {
    background: #fff;
    border-right: 1px solid #999;
}

.toggle-primary .toggle-slide.active .toggle-blob {
    border-left: 1px solid #357EBD;
    border-right: 0;
}

.toggle-primary .toggle-slide .toggle-blob:hover {
    background: #fcfcfc;
}

/* toggle success */

.toggle-success .toggle-slide {
    border: 1px solid #999;
}

.toggle-success .toggle-slide.active {
    border-color: #1CAF9A;
}

.toggle-success .toggle-slide .toggle-on,
.toggle-success .toggle-slide .toggle-off,
.toggle-success .toggle-slide .toggle-blob {
    font-size: 11px;
    font-weight: 500;
}

.toggle-success .toggle-slide .toggle-on,
.toggle-success .toggle-select .toggle-inner .active {
    background: #1CAF9A;
    color: #fff;
}

.toggle-success .toggle-slide .toggle-off,
.toggle-success .toggle-select .toggle-on {
    color: #fff;
    background: #bbb;
}

.toggle-success .toggle-slide .toggle-blob {
    background: #fff;
    border-right: 1px solid #999;
}

.toggle-success .toggle-slide.active .toggle-blob {
    border-left: 1px solid #4CAE4C;
    border-right: 0;
}

.toggle-success .toggle-slide .toggle-blob:hover {
    background: #fcfcfc;
}

/* toggle warning */

.toggle-warning .toggle-slide {
    border: 1px solid #999;
}

.toggle-warning .toggle-slide.active {
    border-color: #EEA236;
}

.toggle-warning .toggle-slide .toggle-on,
.toggle-warning .toggle-slide .toggle-off,
.toggle-warning .toggle-slide .toggle-blob {
    font-size: 11px;
    font-weight: 500;
}

.toggle-warning .toggle-slide .toggle-on,
.toggle-warning .toggle-select .toggle-inner .active {
    background: #F0AD4E;
    color: #fff;
}

.toggle-warning .toggle-slide .toggle-off,
.toggle-warning .toggle-select .toggle-on {
    color: #fff;
    background: #bbb;
}

.toggle-warning .toggle-slide .toggle-blob {
    background: #fff;
    border-right: 1px solid #999;
}

.toggle-warning .toggle-slide.active .toggle-blob {
    border-left: 1px solid #EEA236;
    border-right: 0;
}

.toggle-warning .toggle-slide .toggle-blob:hover {
    background: #fcfcfc;
}

/* toggle danger */

.toggle-danger .toggle-slide {
    border: 1px solid #999;
}

.toggle-danger .toggle-slide.active {
    border-color: #D43F3A;
}

.toggle-danger .toggle-slide .toggle-on,
.toggle-danger .toggle-slide .toggle-off,
.toggle-danger .toggle-slide .toggle-blob {
    font-size: 11px;
    font-weight: 500;
}

.toggle-danger .toggle-slide .toggle-on,
.toggle-danger .toggle-select .toggle-inner .active {
    background: #D9534F;
    color: #fff;
}

.toggle-danger .toggle-slide .toggle-off,
.toggle-danger .toggle-select .toggle-on {
    color: #fff;
    background: #bbb;
}

.toggle-danger .toggle-slide .toggle-blob {
    background: #fff;
    border-right: 1px solid #999;
}

.toggle-danger .toggle-slide.active .toggle-blob {
    border-left: 1px solid #D43F3A;
    border-right: 0;
}

.toggle-danger .toggle-slide .toggle-blob:hover {
    background: #fcfcfc;
}
